<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>LZXリファレンス lz-tree</title>
  <othercredit role="translator">
    <firstname>Hiroyuki</firstname>
    <surname>Kato</surname>
        <contrib>2006/05/16　翻訳初版</contrib>
 </othercredit>
</head>
<body>

<!-- ===================================================================== -->
<!-- = XML information goes here                                         = -->
<!-- ===================================================================== -->
<lzelement title="Tree">
    <lztier>LZ Components</lztier>
    <lzcategory>View</lzcategory>
    <lzshortdesc>
             ツリーコントロールです。
    </lzshortdesc>
    <lztag>lz/tree.xml</lztag>
</lzelement>

<p><classname>tree</classname>はデータの階層的なビューを提供します。それぞれのノードは
<dfn>expander resource</dfn>、<dfn>icon resource</dfn>、それと<dfn>label</dfn>.
で表示されます。ツリーは辞書的に？、又はデータの繰り返しによって作成されます。
<!--link--></p>

<p>データによって作成されたツリーはそのXPath<!--link-->を子ツリーに反映させます。従って、
"<code>mydataset:/*</code>"というXPathを指定するのは避けて下さい。上記のように指定した場合、
ツリーは無限ループに陥りますので注意して下さい。代わりに以下のようにして下さい。</p>

<example class="program" executable="false" extract="false">
&lt;tree datapath="mydataset:/" showroot="false"&gt;
  &lt;tree datapath="*"&gt;
&lt;/tree&gt;
</example>

<p>各リソースは、（指定された場合）3つの状態を持ちます。 expanderリソースはopen(frame 1)、
closed(frame 2)、そしてtransparent(frame 3)の状態を持ちます。アイコンのリソースも同様です。
例としてデフォルトのツリーのリソースを御覧下さい。</p>

<example title="A lexical tree and a data replicated tree">
&lt;canvas width="450" height="250"&gt;
  &lt;include href="lz/tree.lzx"/&gt;

  &lt;dataset name="ancestors"&gt;
    &lt;hobbit name="Frodo"&gt;
      &lt;hobbit name="Drogo"&gt;
        &lt;hobbit name="Fosco" grandparent="true"/&gt;
        &lt;hobbit name="Bolger, Ruby" grandparent="true"/&gt;
      &lt;/hobbit&gt;
      &lt;hobbit name="Brandybuck, Primula"&gt;
        &lt;hobbit name="Brandybuck, Gorbadoc" grandparent="true"/&gt;
        &lt;hobbit name="Took, Mirabella" grandparent="true"/&gt;
      &lt;/hobbit&gt;
    &lt;/hobbit&gt;
  &lt;/dataset&gt;

  &lt;view x="20" y="20" layout="axis: x; spacing: 10"&gt;
    &lt;!-- declared tree --&gt;
    &lt;view width="200" height="200"&gt;
      &lt;tree open="true" text="valuemeal"&gt;
        &lt;tree text="fries" isleaf="true"/&gt;
        &lt;tree open="true" text="drink"&gt;
          &lt;tree text="cola" isleaf="true"/&gt;
        &lt;/tree&gt;
        &lt;tree open="true" text="burger"&gt;
          &lt;tree text="patty" isleaf="true"/&gt;
          &lt;tree text="lettuce" isleaf="true"/&gt;
          &lt;tree text="onions" isleaf="true"/&gt;
          &lt;tree text="buns" isleaf="true"/&gt;
        &lt;/tree&gt;
      &lt;/tree&gt;
    &lt;/view&gt;
    
    &lt;!-- data replicated tree --&gt;
    &lt;view width="200" height="200"&gt;
      &lt;tree datapath="ancestors:/" icon="null" showroot="false"&gt;
        &lt;tree datapath="*" icon="null" text="$path{'@name'}" 
              isleaf="$path{'@grandparent'}"/&gt;
      &lt;/tree&gt;
    &lt;/view&gt;
  &lt;/view&gt;
&lt;/canvas&gt;
</example>

<seealso>
<classes>basetree</classes>
</seealso>

</body>
</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
* Copyright 2001-2004 Laszlo Systems, Inc.  All Rights Reserved.              *
* Use is subject to license terms.                                            *
* X_LZ_COPYRIGHT_END ****************************************************** -->
